<template>
  <div class="dis-ib wx_file">
    <a :download="obj.fileUrl" :href="obj.fileUrl" target="_blank">
      <div class="text-overflow title">{{ obj.title }}</div>
    </a>
    <i class="fa fa-fw fa-file"></i>
  </div>
  
</template>

<script>
export default {
  props:{
    isMe:{
      type:Boolean,
      default:function(){
        return false;
      }
    },//本组件中无用,与其他组件保持格式相同用
    obj:{
      mediaId:String,//临时素材库Id
      title:String,//标题
      abstract:String,//摘要
      imgUrl:String,//缩略图URL
      fileUrl:String,//视频存储在七牛的URL
      eS_Company_Id:String,//素材上传到的企业微信Id
      addTime:String,//添加时间
      editTime:String,//修改时间
    }
  },
  data(){
    return {
      msgtype:'file',
    }
  },
  methods:{
  },
  mounted(){},
}
</script>

<style lang="less" scoped>
.wx_file{
  font-size:16px;
  height:56px;
  width: 260px;
  padding:12px 40px 12px 16px;
  background-color:#fff;
  color:#333;
  .title{
    
  }
  .fa{
    font: 32px;
    line-height:56px;
    position: absolute;
    top:0;bottom:0;right:16px;
    margin:auto;
  }
}
</style>